.apply-content{
  --background:#eee;
}
.back-icon{
  --icon-font-size: 2rem;
  height:2rem
}
.apply-bgc1{
  margin-top: 1rem;
  background-color: #fff;
}
.apply-bgc{
  margin-top: 1rem;
  background-color: #fff;
  .apply-col{
    font-size: 1.4rem;
    border-bottom: 1px solid #ccc;
    // text-align: center;
    .item{
      font-size: 1.2rem;
    }
  }
  .apply-col1{
    border: none;
  }
  .col-img{
    display: flex;
    align-items: center;
  }
}

.bgc{
  margin-top: 1rem;
  padding-top: 0.2rem;
  background-color: #fff;
  .info-p1{
    margin: 1rem;
    font-size: 1.2rem;
    font-weight: 700;
  }
  .info-p2{
    display: flex;
    justify-content: flex-start;
    margin: 1rem;
  }
}

:root {
  --ion-safe-area-top: 20px;
  --ion-safe-area-bottom: 22px;
}
ion-backdrop {
  opacity: 0.5;
}
ion-input{
  margin-left: 1rem;
}
ion-input:not([aria-disabled]){
  --background: rgb(240, 249, 235);
  --padding-start: 1rem;
  border-radius: 5px;
  &[require]{
    background: rgb(254, 240, 240)
  }
}
.infoinput{
  position: relative;
  bottom: 0;
  width: 100%;
  z-index: 99999;
  .infoinput-head{
    text-align: center;
    width: 100%;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.4rem;
    background-color: #fff;
  }
  .infoinput-icon{
    position: absolute;
    right: 0.8rem;
    top: 0.6rem;
    color: #000;
    font-size: 2rem;
  }
  .infoinput-btn{
    width: 80%;
    margin: 1rem auto;
    height: 3rem;
    --border-radius: 2rem !important;
  }
}
